<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: Administrator--%>
<%--  Date: 2025/5/17--%>
<%--  Time: 下午2:05--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page import="com.shop.model.Student" %>--%>
<%--<%@ page import="com.shop.service.StudentService" %>--%>
<%--<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>--%>
<%--<!DOCTYPE html>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <meta charset="UTF-8">--%>
<%--    <title>编辑个人资料</title>--%>
<%--    <style>--%>
<%--        body {--%>
<%--            font-family: Arial, sans-serif;--%>
<%--            margin: 0;--%>
<%--            padding: 0;--%>
<%--        }--%>
<%--        .container {--%>
<%--            max-width: 800px;--%>
<%--            margin: 0 auto;--%>
<%--            padding: 20px;--%>
<%--        }--%>
<%--        h1 {--%>
<%--            text-align: center;--%>
<%--            margin-bottom: 20px;--%>
<%--        }--%>
<%--        .profile-info {--%>
<%--            margin-bottom: 20px;--%>
<%--        }--%>
<%--        .profile-info label {--%>
<%--            display: block;--%>
<%--            font-weight: bold;--%>
<%--            margin-bottom: 5px;--%>
<%--        }--%>
<%--        .profile-info input {--%>
<%--            width: 100%;--%>
<%--            padding: 5px;--%>
<%--            border: 1px solid #ccc;--%>
<%--            border-radius: 3px;--%>
<%--        }--%>
<%--        .profile-info button {--%>
<%--            display: block;--%>
<%--            width: 100%;--%>
<%--            padding: 10px;--%>
<%--            background-color: #4CAF50;--%>
<%--            color: white;--%>
<%--            border: none;--%>
<%--            border-radius: 3px;--%>
<%--            cursor: pointer;--%>
<%--        }--%>
<%--        .profile-info button:hover {--%>
<%--            background-color: #45a049;--%>
<%--        }--%>
<%--    </style>--%>
<%--</head>--%>
<%--<body>--%>
<%--<%--%>
<%--    System.out.println("edit_profile.jsp:62:"+request.getParameter("studentId"));//调试--%>
<%--    StudentService studentService = new StudentService();--%>
<%--    Student student = studentService.search(request.getParameter("studentId"));--%>
<%--%>--%>
<%--<div class="container">--%>
<%--    <h1>编辑个人资料</h1>--%>
<%--    <form action="update_profile" method="post">--%>
<%--        <div class="profile-info">--%>
<%--            <label for="studentId">ID:</label>--%>
<%--            <input type="text" id="studentId" name="studentId" value="<%=student.getStudentId()%>" readonly>--%>
<%--        </div>--%>
<%--        <div class="profile-info">--%>
<%--            <label for="username">用户名:</label>--%>
<%--            <input type="text" id="username" name="name" value="<%=student.getName()%>">--%>
<%--        </div>--%>
<%--        <div class="profile-info">--%>
<%--            <label for="phone">手机号:</label>--%>
<%--            <input type="text" id="phone" name="phone" value="<%=student.getPhone()%>" readonly>--%>
<%--        </div>--%>
<%--        <div class="profile-info">--%>
<%--            <label for="money">余额:</label>--%>
<%--            <input type="text" id="money" name="money" value="<%=student.getMoney()%>" readonly>--%>
<%--        </div>--%>
<%--        <div class="profile-info">--%>
<%--            <label for="major">专业:</label>--%>
<%--            <input type="text" id="major" name="major" value="<%=student.getMajor()%>" >--%>
<%--        </div>--%>
<%--        <div class="profile-info">--%>
<%--            <label for="identity">身份:</label>--%>
<%--            <input type="text" id="identity" name="identity" value="<%=student.getIdentity()%>" readonly>--%>
<%--        </div>--%>
<%--        <div class="profile-info">--%>
<%--            <label for="age">年龄:</label>--%>
<%--            <input type="text" id="age" name="age" value="<%=student.getAge()%>">--%>
<%--        </div>--%>
<%--        <div class="profile-info">--%>
<%--            <label for="grade">年级:</label>--%>
<%--            <input type="text" id="grade" name="grade" value="<%=student.getGrade()%>">--%>
<%--        </div>--%>
<%--        <div class="profile-info">--%>
<%--            <button type="submit">保存更改</button>--%>
<%--        </div>--%>
<%--        <% if (request.getAttribute("error") != null) { %>--%>
<%--        <div style="color:red;"><%= request.getAttribute("error") %></div>--%>
<%--        <% } %>--%>
<%--    </form>--%>
<%--</div>--%>
<%--&lt;%&ndash;<script>&ndash;%&gt;--%>
<%--&lt;%&ndash;    window.location.herf="message.jsp";&ndash;%&gt;--%>
<%--&lt;%&ndash;</script>&ndash;%&gt;--%>
<%--</body>--%>
<%--</html>--%>


<%@ page import="com.shop.model.Student" %>
<%@ page import="com.shop.service.StudentService" %>
<%@ page import="com.shop.service.IStudentService" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>编辑个人资料</title>
    <style>
        :root {
            --primary-color: #4361ee;
            --secondary-color: #3f37c9;
            --accent-color: #4895ef;
            --light-color: #f8f9fa;
            --dark-color: #212529;
            --success-color: #4cc9f0;
            --danger-color: #f72585;
            --border-radius: 8px;
            --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background-color: #f5f7fa;
            color: var(--dark-color);
            line-height: 1.6;
        }

        .container {
            max-width: 800px;
            margin: 2rem auto;
            padding: 2rem;
            background-color: white;
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow);
        }

        .profile-header {
            text-align: center;
            margin-bottom: 2rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #eee;
        }

        .profile-header h1 {
            color: var(--primary-color);
            font-size: 2rem;
            margin-bottom: 0.5rem;
        }

        .profile-form {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
        }

        .form-group {
            margin-bottom: 1.25rem;
        }

        .form-group label {
            display: block;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: var(--secondary-color);
        }

        .form-group input {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #ddd;
            border-radius: var(--border-radius);
            font-size: 1rem;
            transition: var(--transition);
        }

        .form-group input[readonly] {
            background-color: #f5f5f5;
            color: #777;
        }

        .form-group input:focus {
            outline: none;
            border-color: var(--accent-color);
            box-shadow: 0 0 0 2px rgba(72, 149, 239, 0.2);
        }

        .form-actions {
            grid-column: span 2;
            margin-top: 1rem;
        }

        .btn {
            padding: 0.75rem 1.5rem;
            border: none;
            border-radius: var(--border-radius);
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            display: inline-block;
            text-align: center;
        }

        .btn-primary {
            background-color: var(--primary-color);
            color: white;
            width: 100%;
        }

        .btn-primary:hover {
            background-color: var(--secondary-color);
            transform: translateY(-2px);
            box-shadow: var(--box-shadow);
        }

        .error-message {
            grid-column: span 2;
            color: var(--danger-color);
            padding: 0.75rem;
            background-color: rgba(247, 37, 133, 0.1);
            border-radius: var(--border-radius);
            margin-top: 1rem;
            text-align: center;
        }

        @media (max-width: 768px) {
            .profile-form {
                grid-template-columns: 1fr;
            }

            .form-actions, .error-message {
                grid-column: span 1;
            }

            .container {
                padding: 1.5rem;
                margin: 1rem;
            }
        }
    </style>
</head>
<body>
<%
    System.out.println("edit_profile.jsp:62:"+request.getParameter("studentId"));//调试
    IStudentService istudentService = new StudentService();
    Student student = istudentService.search(request.getParameter("studentId"));
%>
<div class="container">
    <div class="profile-header">
        <h1>编辑个人资料</h1>
        <p>更新您的个人信息</p>
    </div>

    <form action="update_profile" method="post" class="profile-form">
        <div class="form-group">
            <label for="studentId">学号</label>
            <input type="text" id="studentId" name="studentId" value="<%=student.getStudentId()%>" readonly>
        </div>

        <div class="form-group">
            <label for="username">姓名</label>
            <input type="text" id="username" name="name" value="<%=student.getName()%>">
        </div>

        <div class="form-group">
            <label for="phone">手机号</label>
            <input type="text" id="phone" name="phone" value="<%=student.getPhone()%>" readonly>
        </div>

        <div class="form-group">
            <label for="money">账户余额</label>
            <input type="text" id="money" name="money" value="<%=student.getMoney()%>" readonly>
        </div>

        <div class="form-group">
            <label for="major">专业</label>
            <input type="text" id="major" name="major" value="<%=student.getMajor()%>">
        </div>

        <div class="form-group">
            <label for="identity">身份</label>
            <input type="text" id="identity" name="identity" value="<%=student.getIdentity()%>" readonly>
        </div>

        <div class="form-group">
            <label for="age">年龄</label>
            <input type="text" id="age" name="age" value="<%=student.getAge()%>">
        </div>

        <div class="form-group">
            <label for="grade">年级</label>
            <input type="text" id="grade" name="grade" value="<%=student.getGrade()%>">
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">保存更改</button>
        </div>

        <% if (request.getAttribute("error") != null) { %>
        <div class="error-message"><%= request.getAttribute("error") %></div>
        <% } %>
    </form>
</div>
</body>
</html>
